<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 语法糖  
        // 一种简写方式(代码量少,相对简单)

        // 沙箱语法糖 
        // 尽可能简化沙箱模式的代码 
        //  利用get  和set 关键字 


        // function outer(){
        //     let num1 = 100;
        //     let num2 = 200

        //     return {
        //         get1(){
        //             return num1;
        //         },
        //         get2(){
        //             return num2;
        //         },
        //         set1(val){
        //             num1 = val;
        //         },
        //         set2(val){
        //             num2 = val;
        //         }
        //     }
        // }


        function outer(){
            let num1 = 100;
            let num2 = 200;

            return {
                get Num1(){
                return num1;
                },
                get Num2(){
                        return num2;
                },
                set Num1(val){
                        num1 = val;
                },
                set Num2(val){
                        num2 = val;
                }
            }
        
        }



        var n1= outer();
        console.log(n1.Num1); // 100
        console.log(n1.Num2); // 200

        n1.Num1 = 333;
        n1.Num2 = 999;

        console.log(n1.Num1); // 333
        console.log(n1.Num2); // 999

        var n2 =  outer();

        console.log(n2.Num1); // 100
        console.log(n2.Num2); // 200 


        
    </script>
</body>
</html>